﻿var SVGDocument = null;
var SVGRoot = null;
var count = 0;
CO = new Array("red", "magenta", "blue",
    "cyan", "green", "yellow", "orange")
var svgns = 'http://www.w3.org/2000/svg';
var xlinkns = 'http://www.w3.org/1999/xlink';

function startup(evt) {
    O = evt.target
    SVGDoc = O.ownerDocument;
    SVGRoot = SVGDoc.documentElement;
    O.setAttribute("onclick", "putit(evt)")
}
function putit(evt) {

    //alert(document.getElementById("P"));
    //$("#T").text("x");

    N = SVGDoc.createElementNS(svgns, "ellipse");
    

    N.setAttributeNS(svgns, "id", "P" + count);
    N.setAttribute("onmousedown", "ha(" + count + ")");
    N.setAttribute("cx", evt.clientX);
    N.setAttribute("cy", evt.clientY);
    N.setAttribute("rx", 30);
    N.setAttribute("ry", 20);
    N.setAttribute("opacity", .5);
    N.setAttribute("fill", CO[count++ % CO.length]);

    $("#Q").append(N);

//    SVGRoot.appendChild(N);
    
}
function ha(c) {
    alert("My id is 'P" + c + "'")
}